<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>v-css</title>
<script src="../js/vue.js"></script>
<style>

	.fontsize{
		font-size:18px;
	}
	.fontfamily{
		font-family:'楷体'
	}

</style>
</head>
<body>
<div id="app">

	<div  v-bind:class="[fontsize,fontfamily]">动态样式</div>
	
</div>
<script>
 new Vue({
        el: '#app',
        data: {

			fontsize:'fontsize',
			fontfamily:'fontfamily',
			
        },
		mounted: function(){
		
		},
        methods: {
			chgactive:function(){
			
				this.classObject.active=!this.classObject.active;
			}
        }
    });
</script>
</body>
</html>
